<!DOCTYPE html>
<html xmlns:th="http://www.w3.org/1999/xhtml">
<meta charset="utf-8">
<head th:include="include :: header"></head>
<style>

    .shopArg{
        display: flex;
        align-items: center;
        justify-content: flex-start;
        margin-bottom: 10px;
    }
    .shopModel,.shopArguments{
        width: 100px;
        height: 30px;
        margin-right: 10px;
    }
    .shopSize,.shopVal{
        height: 30px;
        margin-right: 10px;
    }

    .changeAdd,.changeArg,.changeArgDele,.changeAddDele{
        cursor:pointer;
        user-select:none;
    }


    #brandImgs{
        display: table;
        width: 100%;
    }
    .closeBtn{
        position: relative;
        cursor:pointer;
        width:150px;height:150px;
        margin-right: 15px;margin-bottom: 15px;
        float: left;
    }

    .closeBtn .upImg{
        width:100%;height:100%;display:block;border-radius: 5px;

    }

    .closeBtn .iconclose{
        position: absolute;
        top: 5px;
        right: 5px;
        width: 16px;
        height: 16px;
    }
    .closeBtn .iconclose img{
        width: 100%;
        height: 100%;
    }


</style>
<body class="gray-bg">
<div class="wrapper wrapper-content ">
    <div class="row">
        <div class="col-sm-12">
            <div class="ibox float-e-margins">
                <div class="ibox-content">
                    <form class="form-horizontal m-t" id="signupForm">
                        <input id="id" name="id" th:value="${integralStoreCommodity.id}"  type="hidden">

                        <div class="form-group">
                            <label class="col-sm-3 control-label">商品分类：</label>
                            <div class="col-sm-8">
                                <input id="type" name="type" th:value="${integralStoreCommodity.type}" class="form-control" type="hidden">
                                <select name="type" id="types" class="form-control">
                                    <option value="">请选择</option>
                                    <option value="1">特产</option>
                                    <option value="2">课程</option>
                                    <option value="3">参编</option>
                                    <option value="4">证书物料</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label">商品名称：</label>
                            <div class="col-sm-8">
                                <input id="commodityName" name="commodityName" th:value="${integralStoreCommodity.commodityName}" class="form-control" type="text">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label">商品价格：</label>
                            <div class="col-sm-8">
                                <input id="commodityPrices" name="commodityPrices" th:value="${integralStoreCommodity.commodityPrices}" class="form-control" type="text">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label">兑换所需积分数量：</label>
                            <div class="col-sm-8">
                                <input id="integralQuantity" name="integralQuantity" th:value="${integralStoreCommodity.integralQuantity}" class="form-control" type="text">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label">商品描述：</label>
                            <div class="col-sm-8">
                                <input id="commodityDescribe" name="commodityDescribe" th:value="${integralStoreCommodity.commodityDescribe}" class="form-control" type="text">
                            </div>
                        </div>


                        <!--							<div class="form-group">-->
                        <!--								<label class="col-sm-3 control-label">商品规格：</label>-->
                        <!--								<input type="hidden" name="specificationName" id="specificationName" th:value="${integralStoreCommodity.specificationName}">-->
                        <!--								<div class="col-sm-8 shopBox">-->
                        <!--									<div class="shopArg">-->
                        <!--										<input type="text" class="shopModel">-->
                        <!--										<input type="text" class="shopSize">-->
                        <!--										<div class="clickInfinite">-->
                        <!--											<p class="changeAdd">添加规格</p>-->
                        <!--										</div>-->
                        <!--									</div>-->
                        <!--								</div>-->
                        <!--							</div>-->

                        <div class="form-group">
                            <label class="col-sm-3 control-label">商品参数：</label>
                            <input type="hidden" name="parameter" id="specification" th:value="${integralStoreCommodity.parameter}">
                            <div class="col-sm-8 shopNew">
                                <div class="shopArg">
                                    <input type="text" class="shopModel">
                                    <input type="text" class="shopSize">
                                    <div class="clickInfinite">
                                        <p class="changeAdd">添加规格</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label">商品库存数量：</label>
                            <div class="col-sm-8">
                                <input id="inventoryQuantity" name="inventoryQuantity" th:value="${integralStoreCommodity.inventoryQuantity}" class="form-control" type="text">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label">商品图片地址（多个逗号隔开）：</label>
                            <div class="col-sm-8">
                                <div id="brandImgs"></div>
                                <input id="commodityImg" name="commodityImg" th:value="${integralStoreCommodity.commodityImg}" class="form-control" type="hidden">

                                <div id="brandImgs1"></div>
                                <button type="button" class="btn btn-success" id="btnAdd" style="margin-top: 10px;">
                                    <i class="fa fa-cloud"></i>上传品牌图片
                                </button>

                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label">库存预警阅值：</label>
                            <div class="col-sm-8">
                                <input id="threshold" name="threshold" th:value="${integralStoreCommodity.threshold}" class="form-control" type="text">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label">录入时间：</label>
                            <div class="col-sm-8">
                                <input id="createTime" name="createTime" th:value="${integralStoreCommodity.createTime}" class="form-control" type="text">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label">修改时间：</label>
                            <div class="col-sm-8">
                                <input id="updateTime" name="updateTime" th:value="${integralStoreCommodity.updateTime}" class="form-control" type="text">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label">商品图片地址（多个逗号隔开）：</label>
                            <div class="col-sm-8">

                                <div id="moreImg"></div>
                                <input id="commodityParticularsImg" name="commodityParticularsImg" th:value="${integralStoreCommodity.commodityParticularsImg}" class="form-control" type="hidden">

                                <div id="brandImgs2"></div>
                                <button type="button" class="btn btn-success" id="btnAdd1" style="margin-top: 10px;">
                                    <i class="fa fa-cloud"></i>多图片上传
                                </button>

                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label">排序：</label>
                            <div class="col-sm-8">
                                <input id="sort" name="sort" th:value="${integralStoreCommodity.sort}" class="form-control" type="text">
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-sm-8 col-sm-offset-3">
                                <button type="submit" class="btn btn-primary">提交</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
<div th:include="include::footer"></div>
<script src="//s.xlongwei.com/res/js/My97DatePicker/WdatePicker.js"></script>
<script type="text/javascript" src="/js/webJs/jzweb/integralStoreCommodity/edit.js">
</script>
</body>
</html>
